<template>
	<div id="data1">
		<div style="margin: 15px 0;">
			<el-input placeholder="请以正确格式输入内容" v-model="input5"  @keyup.native.enter="search">
				<el-select v-model="select" slot="prepend" placeholder="请选择">
					<el-option label="所属区域" value="area"></el-option>
					<el-option label="开锁用户" value="user"></el-option>
					<el-option label="门锁名称" value="name"></el-option>
					<el-option label="开锁时间" value="time"></el-option>
				</el-select>
				<el-button slot="append" icon="search" @click="search">搜索</el-button>
			</el-input>
		</div>
		<!-- 时间控件 -->
		<!-- <div class="block">
			<span class="demonstration">默认</span>
			<el-date-picker v-model="value1" type="date" placeholder="选择日期">
			</el-date-picker>
		</div> -->
		<!-- 表格 -->
		<el-table :data="tableData" border style="width: 100%">
			<el-table-column prop="name" label="门锁名称"></el-table-column>
			<el-table-column prop="area" label="所属区域"></el-table-column>
			<el-table-column prop="user" label="开锁用户"></el-table-column>
			<el-table-column prop="time" label="开锁时间"></el-table-column>
			<el-table-column prop="rule" label="开锁方式"></el-table-column>
			<el-table-column prop="result" label="开锁结果"></el-table-column>
			<el-table-column prop="upTime" label="记录上传时间"></el-table-column>
			<el-table-column prop="leaveTime" label="离站时间"></el-table-column>
		</el-table>
		<!-- 导出按钮 -->
		<div class="btn_div">
			<el-button type="primary" @click="open2">导出</el-button>
			<el-button type="primary" @click="searchAll" v-show="showSearchAll">查看全部数据</el-button>
		</div>
		<!-- 分页器 -->
		<div class="block pagination">
			<!-- <span class="demonstration">直接前往</span> -->
			<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage4" :page-size="10" layout="total, prev, pager, next, jumper" :total="myArr1.length">
			</el-pagination>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			tableData: [
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州(第一页)',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '北京',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				}
			],
			myArr1: [
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州(第一页)',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '北京',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉(第二页)',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州(第三页)',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '北京',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京(第四页)',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '南昌',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
			],
			myArr2: [
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州(第一页)',
					user: '张三',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-01',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-01',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '北京',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉(第二页)',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-01',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州(第三页)',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '张三',
					time: '2016-05-01',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '北京',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京(第四页)',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '南昌',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称6',
					area: '东莞',
					user: '卓七',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称7',
					area: '惠州',
					user: '赖八',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称1',
					area: '广州',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称2',
					area: '北京',
					user: '李四',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称3',
					area: '深圳',
					user: '王五',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称4',
					area: '武汉',
					user: '赵六',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '成都(第五页)',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '张三',
					user: '旺财',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
				{
					date: '2016-05-02',
					name: '门锁名称5',
					area: '南昌',
					user: '张三',
					time: '2016-05-03',
					rule: '机械钥匙',
					result: '成功',
					upTime: '2016-05-04',
					leaveTime: '2016-05-03',
				},
			],
			input5: '',
			select: '',
			value1: '',
			currentPage4: 1,
			showSearchAll: false
		}
	},
	methods: {
		search() {
			//alert(this.select + ',' + this.input5 + ',' + "查找中...");
			var self=this;
			if($.trim(self.input5)==""){
				alert("输入内容为空!")
				return false;
			}
			var i = 0, j = 0;
			var tempArr = [];
			this.myArr1 = [];
			this.tableData = [];
			for (i; i < this.myArr2.length; i++) {
				if (this.myArr2[i][this.select] == this.input5) {
					tempArr.push(this.myArr2[i])
				}
			};
			this.myArr1 = tempArr;
			//console.log(this.myArr1.length)
			//console.log(this.myArr1.slice(0, 10));
			if (this.myArr1.length > 10) {
				this.tableData = this.tableData.concat(this.myArr1.slice(0, 10))
			} else {
				this.tableData = this.myArr1
			}
			this.showSearchAll = true;
		},
		searchAll() {
			this.tableData = [];
			this.myArr1 = this.myArr2;
			this.tableData = this.tableData.concat(this.myArr1.slice(0, 10))
			this.showSearchAll = false;
			this.input5='';
			this.select='';
		},
		handleSizeChange(val) {
			console.log(`每页 ${val} 条`);
		},
		handleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			var i = (`${val}` - 1) * 10;
			var curPage = `${val}`;
			var tempArr = [];
			this.tableData = [];
			for (i; i < curPage * 10; i++) {
				if (i > this.myArr1.length - 1) {
					break;
				}
				tempArr.push(this.myArr1[i])
			};
			this.tableData = tempArr
		},
		open2() {
			this.$confirm('是否导出此文件?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.$message({
					type: 'success',
					message: '导出成功!'
				});
			}).catch(() => {
				this.$message({
					type: 'info',
					message: '已取消'
				});
			});
		}
	},
	mounted() {
		// var self=this;
		// $.ajax({
		// 	type:'GET',
		// 	url:'http://177.77.77.186:8082/api/captcha-image',
		// 	dataType:'jsonp',
		// 	jsonp:'callback',
		// 	jsonpCallback:'?',
		// 	async:false,
		// 	success:function(res){
		// 		console.log(res)
		// 	},
		// 	error:function(error){
		// 		self.$router.push({path:'/index/error'})
		// 	}
		// })
	}
}
</script>

<style>
.el-select .el-input {
	width: 110px;
}

.pagination {
	margin: 30px 0;
}

#data1 .btn_div {
	text-align: right;
	padding: 20px 20px 0 0;
}

table,
#data1 div {
	text-align: center;
}
</style>
